<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Login page for saler</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--图标-->
    <link rel="stylesheet" type="text/css" th:href="@{/css/font-awesome01.min.css}">

    <!--布局框架-->
    <link rel="stylesheet" type="text/css" th:href="@{ css/util.css}">

    <!--主要样式-->
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <!-- FAVICONS -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" th:href="@{/icons/apple-touch-icon-144-precomposed.png}"/>
    <link rel="apple-touch-icon-precomposed" sizes="114x114" th:href="@{/icons/apple-touch-icon-114-precomposed.png}"/>
    <link rel="apple-touch-icon-precomposed" sizes="72x72" th:href="@{/icons/apple-touch-icon-72-precomposed.png}"/>
    <link rel="apple-touch-icon-precomposed" th:href="@{/icons/apple-touch-icon-57-precomposed.png}"/>
    <link rel="shortcut icon" th:href="@{/icons/favicon.png}"/>

    <!-- GOOGLE WEB FONTS -->
    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">

    <!-- BOOTSTRAP 3.3.7 CSS -->
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}"/>

    <!-- SLICK v1.6.0 CSS -->
    <link rel="stylesheet" th:href="@{/css/slick-1.6.0/slick.css}"/>

    <link rel="stylesheet" th:href="@{/css/jquery.fancybox.css}"/>
    <link rel="stylesheet" th:href="@{/css/yith-woocommerce-compare/colorbox.css}"/>
    <link rel="stylesheet" th:href="@{/css/owl-carousel/owl.carousel.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/owl-carousel/owl.theme.default.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/js_composer/js_composer.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/woocommerce/woocommerce.css}"/>
    <link rel="stylesheet" th:href="@{/css/yith-woocommerce-wishlist/style.css}"/>

    <link rel="stylesheet" th:href="@{/css/custom.css}"/>
    <link rel="stylesheet" th:href="@{/css/app-orange.css}" id="theme_color"/>
    <link rel="stylesheet" href="" id="rtl"/>
    <link rel="stylesheet" th:href="@{/css/app-responsive.css}"/>
</head>

<body>

<div class="login">
    <div class="container-login100">
        <div class="wrap-login100">
            <div class="login100-pic js-tilt" data-tilt>
                <img th:src="@{/images/img-01.png}" alt="IMG">
            </div>

            <form method="post" class="login100-form validate-form login " th:action="@{/saler/login}">
				<span class="login100-form-title">
					商家管理登陆
				</span>
                <!--<form method="post" class="login" th:action="@{/saler/login}">-->
                <div class="wrap-input100 validate-input">
                    <input class="input100 required" type="text" name="username" placeholder="用户名" id="username">
                    <span class="focus-input100"></span>
                    <span class="symbol-input100">
						<i class="fa fa-envelope" aria-hidden="true"></i>
					</span>
                </div>

                <div class="wrap-input100 validate-input">
                    <input class="input100" type="password" name="password" id="password" placeholder="密码">
                    <span class="focus-input100"></span>
                    <span class="symbol-input100">
						<i class="fa fa-lock" aria-hidden="true"></i>
					</span>
                </div>
                <p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
                <p class="form-row">
                    <label for="remember" class="inline">
                        <input name="rememberme" type="checkbox" id="remember" value="forever"/> [[#{remember}]]
                    </label>
                </p>

                <div class="container-login100-form-btn">
                    <input type="submit" class="login100-form-btn" name="login" th:value="#{login.btn}"/>
                </div>

                <div class="text-center p-t-12">
                    <a th:href="@{/lost_password}">[[#{lostpassword}]]</a>
                </div>

                <div class="text-center p-t-136">
                    <a class="txt2" href="#">
                        还没有商家账号？立即申请
                        <i class="fa fa-long-arrow-right m-l-5" aria-hidden="true"></i>
                    </a>
                </div>

            </form>
        </div>
    </div>
</div>


<a id="etrostore-totop" href="#"></a>

<script type="text/javascript">
    /* <![CDATA[ */
    var wc_password_strength_meter_params = {
        "min_password_strength": "3",
        "i18n_password_error": "Please enter a stronger password.",
        "i18n_password_hint": "The password should be at least seven characters long. To make it stronger, use upper and lower case letters, numbers and symbols like ! \" ? $ % ^ & )."
    };
    var pwsL10n = {
        "unknown": "Password strength unknown",
        "short": "Very weak",
        "bad": "Weak",
        "good": "Medium",
        "strong": "Strong",
        "mismatch": "Mismatch"
    };
    /* ]]> */
</script>

<script type="text/javascript" th:src="@{/js/jquery/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/js/jquery/jquery-migrate.min.js}"></script>
<script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/js/jquery/js.cookie.min.js}"></script>
<script type="text/javascript" th:src="@{/js/zxcvbn.min.js}"></script>

<!-- OPEN LIBS JS -->
<script type="text/javascript" th:src="@{/js/owl-carousel/owl.carousel.min.js}"></script>
<script type="text/javascript" th:src="@{/js/slick-1.6.0/slick.min.js}"></script>

<script type="text/javascript" th:src="@{/js/yith-woocommerce-compare/jquery.colorbox-min.js}"></script>
<script type="text/javascript" th:src="@{/js/isotope/isotope.js}"></script>
<script type="text/javascript" th:src="@{/js/fancybox/jquery.fancybox.pack.js}"></script>
<script type="text/javascript" th:src="@{/js/sw_woocommerce/category-ajax.js}"></script>
<script type="text/javascript" th:src="@{/js/sw_woocommerce/jquery.countdown.min.js}"></script>
<script type="text/javascript" th:src="@{/js/wp-admin/password-strength-meter.min.js}"></script>
<script type="text/javascript" th:src="@{/js/woocommerce/password-strength-meter.min.js}"></script>
<script type="text/javascript" th:src="@{/js/js_composer/js_composer_front.min.js}"></script>

<script type="text/javascript" th:src="@{/js/plugins.js}"></script>
<script type="text/javascript" th:src="@{/js/megamenu.min.js}"></script>
<script type="text/javascript" th:src="@{/js/main.min.js}"></script>

<script type="text/javascript">
    var sticky_navigation_offset_top = $("#header .header-bottom").offset().top;
    var sticky_navigation = function () {
        var scroll_top = $(window).scrollTop();
        if (scroll_top > sticky_navigation_offset_top) {
            $("#header .header-bottom").addClass("sticky-menu");
            $("#header .header-bottom").css({"top": 0, "left": 0, "right": 0});
        } else {
            $("#header .header-bottom").removeClass("sticky-menu");
        }
    };
    sticky_navigation();
    $(window).scroll(function () {
        sticky_navigation();
    });

    $(document).ready(function () {
        $(".show-dropdown").each(function () {
            $(this).on("click", function () {
                $(this).toggleClass("show");
                var $element = $(this).parent().find("> ul");
                $element.toggle(300);
            });
        });
    });
</script>
</body>
</html>